<template>
	<view class="center-box1">
		<view class="">
			<u-navbar back-icon-name="arrow-left" :title-bold="true" title-size="36" :border-bottom="false" back-icon-color="#000" title="群成员"></u-navbar>

			<view class="h10" style="background-color: #FAF7FA;"></view>

			<view class="center-grop flex align-center justify-between h87" style="border-bottom: 2rpx solid #FAF7FA;">
				<view class="" style="color: #1A1A1A;">群聊名称</view>
				<view class="f25" style="color: #999999;">金牛大家族</view>
			</view>

			<view class="center-gropInfo">
				<view class="">群聊成员</view>

				<view class="mt30 flex flex-wrap">
					<view class="center-mr" v-for="(item, index) in 15" :key="index">
						<image src="../../app.png" class="w72 h72 r36" mode=""></image>
						<view class="">酱酱</view>
					</view>
				</view>
				
				<view class="text-center f26" style="color: #40C6A8;">
					查看更多群成员>>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.center-box1 {
	.navbar-right {
		margin-right: 30rpx;
	}

	.center-grop {
		padding: 0 30rpx;
	}

	.center-gropInfo {
		padding: 0 30rpx;
		
		.center-mr {
			margin: 0 25rpx 30rpx;
		}
		
		.center-mr:nth-child(6n) {
			margin-right: 0;
		}
	}
}
</style>
